<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Contract-info</title>
    <!-- 引入layui 样式-->
    <link rel="stylesheet" href="../../static/css/style.css"/>
    <link rel="stylesheet" href="../../static/layer/css/layui.css"/>
    <link rel="stylesheet" href="../../static/css/font-awesome.min.css">
    <link rel="stylesheet" href="../../static/ucss/contract/contract-info.css"/>
</head>
<body>
<form class="layui-form">
    <div class="layui-tab layui-tab-brief" lay-filter="contractInfoTabBrief">
        <ul class="layui-tab-title">
            <li class="layui-this">合同信息</li>
            <!--<li>审核流程</li>-->
        </ul>
        <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">
                <div class="tab-body">
                    <div>
                        <div class="quote-submit-person">
                            <span class="fl">合同编号： <span class="contract_num"></span></span>
                            <span class="fr">提交人： <span class="submit_person_name"></span></span>
                            <span class="clr fr">签订日期： <span class="con_date"></span></span>
                        </div>
                        <div class="quote-info">
                            <div class="quote-title">
                                <i class="fa fa-circle-o" aria-hidden="true"></i>
                                <span>房源信息</span>
                            </div>
                            <div style="padding: 20px;">
                                <div class="rooms">
                                    <!--<div class="unit-room">
                                        <div class="unit-room-name">测试房源名称1</div>
                                        <div class="unit-room-area">
                                            <span>200</span>
                                            平米
                                        </div>
                                    </div>-->
                                </div>
                                <div class="area-right">
                                    <div>总计：<span class="total-area">0</span> ㎡</div>
                                    <div style="margin-top: 5px;">实际租用面积：<span class="contract-area">0</span> ㎡</div>
                                </div>
                            </div>
                        </div>
                        <div class="quote-info">
                            <div class="quote-title">
                                <i class="fa fa-circle-o" aria-hidden="true"></i>
                                <span>租客信息</span>
                            </div>
                            <div class="layui-form-item">
                                <div class="layui-inline layui-inline-normal">
                                    <label class="layui-form-label company_name_type">公司名：</label>
                                    <div class="layui-input-inline">
                                        <span class="company_name"></span>
                                    </div>
                                </div>
                                <div class="layui-inline layui-inline-short">
                                    <label class="layui-form-label">别名：</label>
                                    <div class="layui-input-inline">
                                        <span class="byname"></span>
                                    </div>
                                </div>
                                <div class="layui-inline layui-inline-normal">
                                    <label class="layui-form-label">所属行业：</label>
                                    <div class="layui-input-inline">
                                        <span class="industry_name"></span>
                                    </div>
                                </div>
                                <div class="layui-inline layui-inline-short">
                                    <label class="layui-form-label business_license_type">营业执照：</label>
                                    <div class="layui-input-inline">
                                        <span class="business_license"></span>
                                    </div>
                                </div>
                                <div class="layui-inline layui-inline-normal legal_person">
                                    <label class="layui-form-label">法人：</label>
                                    <div class="layui-input-inline">
                                        <span class="legal_person_name"></span>
                                    </div>
                                </div>
                                <div class="layui-inline layui-inline-short legal_person">
                                    <label class="layui-form-label">联系电话：</label>
                                    <div class="layui-input-inline">
                                        <span class="legal_person_tel"></span>
                                    </div>
                                </div>
                                <div class="layui-inline layui-inline-normal">
                                    <label class="layui-form-label">签订人：</label>
                                    <div class="layui-input-inline">
                                        <span class="signer"></span>
                                    </div>
                                </div>
                                <div class="layui-inline layui-inline-short">
                                    <label class="layui-form-label">联系电话：</label>
                                    <div class="layui-input-inline">
                                        <span class="signer_tel"></span>
                                    </div>
                                </div>
                                <div class="contacts">
                                    <!--<div class="layui-inline layui-inline-normal">
                                        <label class="layui-form-label">联系人：</label>
                                        <div class="layui-input-inline">
                                            <span>王五</span>
                                        </div>
                                    </div>
                                    <div class="layui-inline layui-inline-short">
                                        <label class="layui-form-label">联系电话：</label>
                                        <div class="layui-input-inline">
                                            <span>15555555555</span>
                                        </div>
                                    </div>-->
                                </div>
                                <div class="layui-inline layui-inline-long">
                                    <label class="layui-form-label">通讯地址：</label>
                                    <div class="layui-input-inline">
                                        <span class="contract_address"></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="quote-info">
                            <div class="quote-title">
                                <i class="fa fa-circle-o" aria-hidden="true"></i>
                                <span>租金信息</span>
                            </div>
                            <div class="layui-form-item cq-hide">
                                <div class="layui-inline layui-inline-normal" style="height: 80px;">
                                    <label class="layui-form-label">租赁期限：</label>
                                    <div class="layui-input-inline">
                                        <span class="con_hr_date"></span> 至 <span class="con_end_date"></span>
                                    </div>
                                    <label class="layui-form-label">计租日期：</label>
                                    <div class="layui-input-inline">
                                        <span class="con_ten_date"></span>
                                    </div>
                                    <label class="layui-form-label"> </label>
                                    <div class="layui-input-inline">
                                        到期提前<span class="end-tx-days"></span>天提醒
                                    </div>
                                </div>
                                <div class="layui-inline layui-inline-short con_mzq">
                                    <label class="layui-form-label">免租期：</label>
                                    <div class="layui-input-inline con-mzq">
                                    </div>
                                </div>
                                <div class="layui-inline layui-inline-long">
                                    <label class="layui-form-label">租金单价：</label>
                                    <div class="layui-input-inline">
                                        <span class="rent"></span> <span class="unit"></span>
                                    </div>
                                </div>
                                <div class="layui-inline layui-inline-long">
                                    <label class="layui-form-label">保证金：</label>
                                    <div class="layui-input-inline">
                                        <span style="color: #fff;">0</span>
                                    </div>
                                    <div class="layui-inline" style="padding-left: 100px;">
                                        <div class="bonds">
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-inline layui-inline-long">
                                    <label class="layui-form-label">付款周期：</label>
                                    <div class="layui-input-inline">
                                        <span class="payment_period"></span><span>付</span>
                                    </div>
                                </div>
                                <div class="layui-inline layui-inline-long">
                                    <label class="layui-form-label">付款日：</label>
                                    <div class="layui-input-inline">
                                        <span class="ant_pay_day"></span><span>付款</span>
                                    </div>
                                    <label class="layui-form-label"></label>
                                    <div class="layui-input-inline">
                                        应付款日提前<span class="pay-tx-days"></span>天提醒
                                    </div>
                                </div>
                                <div class="layui-inline layui-inline-long">
                                    <label class="layui-form-label">备注信息：</label>
                                    <div class="layui-input-inline">
                                        <span class="contract_info"></span>
                                    </div>
                                </div>
                                <div class="layui-inline layui-inline-long">
                                    <label class="layui-form-label">递增/折扣：</label>
                                    <div class="layui-input-inline">
                                        <span></span>
                                    </div>
                                    <div class="layui-inline" style="padding-left: 100px;">
                                        <div class="layui-input-inline">
                                            <span>递增方式：</span><span class="increas_type"></span>
                                        </div>
                                        <div class="layui-input-inline">
                                            <span>滞纳金：</span><span class="late_fee"></span>
                                            <span>应付款日后<span class="late-fee-days"></span>天收取</span>
                                        </div>
                                        <div class="discounts">
                                            <!--<div class="layui-input-inline">
                                                <span>第一年：递增率：1%；折扣：9折；折后价格：200.00。</span>
                                            </div>-->
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="quote-info">
                            <div class="quote-title">
                                <i class="fa fa-circle-o" aria-hidden="true"></i>
                                <span>物业信息</span>
                            </div>
                            <!--<div style="margin: 15px;">
                                发票占比：<span class="property-fpzb">0</span>%
                            </div>-->
                            <div class="property-info">
                            </div>
                        </div>
                        <div class="quote-info">
                            <div class="quote-title">
                                <i class="fa fa-circle-o" aria-hidden="true"></i>
                                <span>附件</span>
                            </div>
                            <div>
                                <div class="layui-form-item">
                                    <div class="layui-inline layui-inline-normal attachments">
                                        <!--<div class="layui-input-inline">
                                            <span>1</span>
                                            <span>附件1</span>
                                            <span>下载</span>
                                        </div>-->
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="quote-info">
                            <div class="quote-title">
                                <i class="fa fa-circle-o" aria-hidden="true"></i>
                                <span>退租信息</span>
                            </div>
                            <div>
                                <div class="layui-form-item">
                                    <div class="layui-inline">
                                        <label class="layui-form-label">退租类型：</label>
                                        <div class="layui-input-inline">
                                            <select name="rent" lay-filter="rent">
                                                <option value="0">到期退租</option>
                                                <option value="1">中途退租</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <div class="layui-inline">
                                        <label class="layui-form-label">退租日期：</label>
                                        <div class="layui-input-inline">
                                            <input type="text" name="date" id="date" lay-verify="date" placeholder="请选择退租日期" autocomplete="off" class="layui-input">
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <div class="layui-inline">
                                        <label class="layui-form-label">退租原因：</label>
                                        <div class="layui-input-block reason-div">
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <div class="layui-inline">
                                        <label class="layui-form-label">退租备注：</label>
                                        <div class="layui-input-block" style="width: 100%;">
                                            <textarea name="info" placeholder="请输入退租备注" class="layui-textarea"></textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="quote-info cbxx-div" style="display: none;">
                            <div class="quote-title">
                                <i class="fa fa-circle-o" aria-hidden="true"></i>
                                <span>抄表信息</span>
                            </div>
                            <div>
                                <div class="layui-form-item sbxx-div" style="display: none;">
                                    <div class="layui-inline">
                                        <label class="layui-form-label">水表：</label>
                                        <div class="layui-input-inline" style="line-height: 0;">
                                            <span style="color: #fff;">0</span>
                                        </div>
                                        <div class="layui-inline" style="padding-left: 0;">
                                            <div class="water">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-form-item dbxx-div" style="display: none;">
                                    <div class="layui-inline">
                                        <label class="layui-form-label">电表：</label>
                                        <div class="layui-input-inline" style="line-height: 0;">
                                            <span style="color: #fff;">0</span>
                                        </div>
                                        <div class="layui-inline" style="padding-left: 0;">
                                            <div class="electric">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="quote-info quote-rent-detail">
                            <div class="quote-title">
                                <i class="fa fa-circle-o" aria-hidden="true"></i>
                                <span>未收账单</span>
                                <div style="position: absolute; left: 200px;">
                                    <input type="checkbox" name="wszd" lay-filter="wszd" lay-skin="primary" title="显示所有未收账单">
                                </div>
                            </div>
                            <div class="quote-rent-detail-list">
                                <ul class="container-rent-detail-list-ws">
                                    <li>
                                        <div>
                                            <span>区间</span>
                                            <span></span>
                                        </div>
                                        <div>
                                            <span>付款日</span>
                                            <span></span>
                                        </div>
                                        <div>
                                            <span>最终金额</span>
                                            <span class="label-unit-money">元</span>
                                        </div>
                                        <div>
                                            <span>滞纳金</span>
                                            <span class="label-unit-money">元/天</span>
                                        </div>
                                        <div>
                                            <span>类型</span>
                                        </div>
                                        <div>
                                            <span>付款分配</span>
                                        </div>
                                        <div>
                                            <span>说明</span>
                                        </div>
                                        <div>
                                            <span>备注</span>
                                        </div>
                                    </li>
                                    <!--<li class="rent-detail-item">
                                        <div>
                                            <span>2017-10-23 - 2018-04-22</span>
                                        </div>
                                        <div>
                                            <span>2017-10-23</span>
                                        </div>
                                        <div>
                                            <span>182000.00</span>
                                        </div>
                                        <div>
                                            <span>租金</span>
                                        </div>
                                        <div>
                                            <span></span>
                                        </div>
                                    </li>-->
                                </ul>
                                <!--<div class="no-data-tips">
                                    <span>暂无数据</span>
                                </div>-->
                            </div>
                        </div>
                        <div class="quote-info quote-rent-detail">
                            <div class="quote-title">
                                <i class="fa fa-circle-o" aria-hidden="true"></i>
                                <span>已收账单</span>
                                <div style="position: absolute; left: 200px;">
                                    <input type="checkbox" name="yszd" lay-filter="yszd" lay-skin="primary" title="显示所有已收账单">
                                </div>
                            </div>
                            <div class="quote-rent-detail-list">
                                <ul class="container-rent-detail-list-ys">
                                    <li>
                                        <div>
                                            <span>区间</span>
                                            <span></span>
                                        </div>
                                        <div>
                                            <span>付款日</span>
                                            <span></span>
                                        </div>
                                        <div>
                                            <span>最终金额</span>
                                            <span class="label-unit-money">元</span>
                                        </div>
                                        <div>
                                            <span>滞纳金</span>
                                            <span class="label-unit-money">元/天</span>
                                        </div>
                                        <div>
                                            <span>类型</span>
                                        </div>
                                        <div>
                                            <span>付款分配</span>
                                        </div>
                                        <div>
                                            <span>说明</span>
                                        </div>
                                        <div>
                                            <span>备注</span>
                                        </div>
                                    </li>
                                    <!--<li class="rent-detail-item">
                                        <div>
                                            <span>2017-10-23 - 2018-04-22</span>
                                        </div>
                                        <div>
                                            <span>2017-10-23</span>
                                        </div>
                                        <div>
                                            <span>182000.00</span>
                                        </div>
                                        <div>
                                            <span>租金</span>
                                        </div>
                                        <div>
                                            <span></span>
                                        </div>
                                    </li>-->
                                </ul>
                                <!--<div class="no-data-tips">
                                    <span>暂无数据</span>
                                </div>-->
                            </div>
                        </div>
                        <div class="quote-info">
                            <div class="quote-title">
                                <i class="fa fa-circle-o" aria-hidden="true"></i>
                                <span>费用处理</span>
                            </div>
                            <div class="layui-form-item">
                                <div class="layui-inline layui-inline-long">
                                    <div class="tenant-add">
                                        <span onclick="operate.clone(this);">
                                            <i class="fa fa-plus-circle" aria-hidden="true"></i>
                                            <span>新增项目</span>
                                        </span>
                                    </div>
                                    <div class="fee-item">
                                        <div class="layui-inline clone-box" data-index="1">
                                            <div class="layui-input-inline">
                                                <select name="type" lay-filter="type">
                                                    <option value="0">应收</option>
                                                    <option value="1">应退</option>
                                                </select>
                                            </div>
                                            <div class="layui-input-inline">
                                                <input type="number" oninput="operate.createFee();" name="price" placeholder="0" lay-verify="" autocomplete="off" class="layui-input">
                                                <span class="input-label-unit">元</span>
                                            </div>
                                            <div class="layui-input-inline">
                                                <input type="text" name="remark" lay-verify="" placeholder="请输入备注" autocomplete="off" class="layui-input">
                                            </div>
                                            <i class="fa fa-times-circle" style="display: none;" aria-hidden="true" onclick="operate.remove(this, 1);"></i>
                                        </div>
                                        <div class="layui-inline clone-box" data-index="2">
                                            <div class="layui-input-inline">
                                                <select name="type" lay-filter="type">
                                                    <option value="0">应收</option>
                                                    <option value="1" selected>应退</option>
                                                </select>
                                            </div>
                                            <div class="layui-input-inline">
                                                <input type="number" oninput="operate.createFee();" name="price" placeholder="0" lay-verify="" autocomplete="off" class="layui-input">
                                                <span class="input-label-unit">元</span>
                                            </div>
                                            <div class="layui-input-inline">
                                                <input type="text" name="remark" lay-verify="" placeholder="请输入备注" autocomplete="off" class="layui-input">
                                            </div>
                                            <i class="fa fa-times-circle" aria-hidden="true" onclick="operate.remove(this, 1);"></i>
                                        </div>
                                    </div>
                                    <label class="layui-form-label" style="width: auto; padding: 10px 0;">费用总计：</label>
                                    <div class="layui-input-inline">
                                        <span class="total-price">0</span>元（总计应收：<span class="get-price">0</span>元 总计应退：<span class="pay-price">0</span>元）
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--<div class="layui-tab-item">
                &lt;!&ndash;审核人&ndash;&gt;
                <div class="quote-info">
                    <blockquote class="layui-elem-quote layui-text">审核详情:</blockquote>
                    <div class="layui-tab-item layui-show">
                        <div class="quote-info">
                            <table id="historySH"></table>
                        </div>
                    </div>
                </div>
            </div>-->
        </div>
    </div>
    <blockquote class="blockquote-bottom">
        <div class="blockquote-bottom-item">
            <a class="layui-btn layui-btn-small" onclick="operate.pass(this);">确定</a>
            <a class="layui-btn layui-btn-small layui-btn-primary" onclick="operate.cancel(this);">取消</a>
        </div>
    </blockquote>
</form>
<script type="text/javascript" src="../../static/layer/layui.js"></script>
<script type="text/javascript" src="../../static/js/common/dateUtils.js"></script>
<script type="text/javascript" src="../../static/js/common/typeUtils.js"></script>
<script type="text/javascript" src="../../static/js/common/queryUtils.js"></script>
<script type="text/javascript" src="../../static/ujs/contract/contract_tuizu.js"></script>
</body>
</html>